JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="http://cloud.github.com/downloads/SteveSanderson/knockout/knockout-2.0.0.debug.js"></script>


<p><b>Edit Fruit</b></p>
<span data-bind="foreach: fruit" >
    <p>Editting Fruit: <input data-bind="value: $data" /></p>
</span>

<p><b>Show Fruit</b></p>
<span data-bind="foreach: fruit" >
    <p>Showing Fruit: <span data-bind="text: $data" ></span></p>

</span>

JavaScript

var ViewModel = function(myFruit) {
    this.fruit = ko.observableArray(myFruit);
};



ko.applyBindings(new ViewModel( ["Apple", "banana", "orange"] ));