Knockout data bind don't work in kendo UI template

See more:

Javascript

Knockout.js

Kendo

, +

I have custom Kendo UI template in which i have for loop. Into the for loop i want to data bind text from the value.

Any suugestions or workaround?

What I have tried:

          <div id="test"></div>

<script id="template1" type="text/x-kendo-template">
    # for (var i = 0; i < ViewData.length; i++) { #
        <ul class="listSelector clearFix">
         
        <li>
           <a href="#" data-bind="click: function() { select(ViewData[i]); }, css: { selected: ViewData]i]  == change() }"> ---> dont work - i is Undefined
                ${ DateRange.format(Date.parse(ViewData[i].start), Date.parse(ViewData[i].end)) } 
                <br />
                <span>${ Countdown.ToDate(Date.parse(ViewData[i].closedOn)) }</span>
            </a>
        </li>
          <li>  
              <span data-bind="text: ViewData[i].start"></span>  ---> dont work - i is Undefined
          </li>
        </ul>
    # } #
</script>