Double curly brace problem

I created frontend template page, my page has embedded some javascript. Some line I need to use double curly brace.

one of the line

       <a class='media' data-media-index='{{> Index }}'>
        <img data-original="{{> Media.Images.LowResolution.Url }}"
             alt="{{> Title }}"
             style="display:inline-block;"
             class="lazy">
    </a>

but it turns out the page source is showing

        <a class='media' data-media-index='&#123;&#123;> Index }}'>
        <img data-original="&#123;&#123;> Media.Images.LowResolution.Url }}"
             alt="&#123;&#123;> Title }}"
             style="display:inline-block;"
             class="lazy">
    </a>

How can I get this fix and showing double curly brace correctly?