1. Отображение людей без фильтрации

HTML

<script src="http://rniemeyer.github.com/KnockMeOut/Scripts/jquery.tmpl.js"></script>
<script src="http://rniemeyer.github.com/KnockMeOut/Scripts/knockout-latest.debug.js"></script>
<script type="text/html" id="PersonInfo">
    <li>
        <span data-bind="text: gender"></span>
        <span data-bind="text: name"></span>
    </li>
</script>
<div data-bind="
template: { 
name: 'PersonInfo', 
foreach: persons}"></div>

JavaScript

var Person = function(gender, name) {
    this.gender = ko.observable(gender);
    this.name = ko.observable(name);
};

var viewModel = {
    persons: ko.observableArray([
        new Person('M', 'John Smith'),
        new Person('M', 'Mr. Sanderson'),
        new Person('F', 'Mrs. Sanderson'),
        new Person('M', 'Agent Ralf'),
        new Person('F', 'Gangretta Peterson')
        ])
};

ko.applyBindings(viewModel);