JSFiddle - React, Tailwind, and code Playground

HTML

<div>
With Foreach:
<!-- ko foreach: myArray -->
          <span data-bind="text: $data, visible: $index() == 0"></span>
<!-- /ko -->
</div>

<div>
Wihtout Foreach:

<span data-bind="text: myArray()[0]"></span>  
</div>

JavaScript

var ViewModel = {
    myArray: ko.observableArray(["First", "Second", "Third"])   
}

ko.applyBindings(ViewModel);