Knockoutjs.com - Hello World Example

http://knockoutjs.com/examples/helloWorld.html

HTML

<script src="http://knockoutjs.com/downloads/knockout-3.2.0.js"></script>
<ul data-bind="foreach: addresses">
    <!-- ko template: {name: 'AddressItemTemplate', data: {address: $data, page: 'update-page'} }-->
    <!-- /ko -->
</ul>
<script type="text/html" id="AddressItemTemplate">
    <p data-bind = "text: (page == 'update-page') ? 'updating' : 'declined'"> </p>
        <p data-bind="text: address.title"></p> <br/>
</script>

JavaScript

var ViewModel = function () {
    var self = this;
    self.addresses = ko.observableArray([{
        'title': ko.observable('one')
    }, {
        'title': ko.observable('two')
    }])
   
    //self.addresses(self.addresses.splice(0, 1))
    //self.addresses.splice(0, 1)
   console.log(self.addresses())
    setTimeout(function () {
       alert('updating the view ... check')
    var tmp_addresses = self.addresses();
    tmp_addresses[0].title('blabla'); //assiging data to observable 
    self.addresses(tmp_addresses);
    }, 2000)
};

ko.applyBindings(new ViewModel());