Kendo UI - Unable to get at index

While using the kendo source binding to bind to an array, there doesn't appear to be any way to get at the index of the current item being bound to within the template.

by rmunir

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<div id="field-container">
    
    <ul id="person-list" data-template="person-template" data-bind="source: people"></ul>
    
    First Name: <input name="name" id="name" data-bind="value:newPerson.name" />
    Age: <input name="age" data-bind="value:newPerson.age" />
    Is Happy: <input type="radio" name="isHappy" data-bind="checked:newPerson.isHappy" value="true" />
    <input type="radio" name="isHappy" data-bind="checked:newPerson.isHappy" value="false" />
    <button data-bind="click:addPerson" class="k-button">Add</button>


    <script id="person-template" type="text/x-kendo-template">
        <li>
            <span data-bind="text:name" /> - <span data-bind="text:age" />
            <!-- ???? How to get at the index of the current array item here ????-->      
            <input name="people[#= index#].name" type="hidden" data-bind="value:name">
            <input name="people[#= index#].age" type="hidden" data-bind="value:age" >
            <input name="people[#= index#].isHappy" type="hidden" data-bind="value:isHappy" >
        </li>
    </script>

</div>

JavaScript

var viewModel = kendo.observable({
    newPerson:{name:"", age:"", isHappy: false}, 
    people: [],
    index: function() {
        var people = this.get("people");
        var indeces = [];
        for (var i = 0; i < people.length; i++) {
            var index = { PeopleID: people[i], index: i };
            indeces.push(index);
        }
        return indeces;
    },
    addPerson: function(){
        this.get("people").push(this.newPerson);
        this.set("newPerson",{name:"", age:"", isHappy: false});
        $("#name").focus();
    }
});


kendo.bind($("#field-container"), viewModel);
$("#name").focus();