Knockout dynamically created Objects

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
<!-- ko foreachProperty: people -->
<p data-bind="foreach: people"> 
 <span data-bind="text: name"></span>
</p>
<!--/ko-->

JavaScript

function ViewModel(){
	var self = this;
  self.people = ko.observableArray([
        { name: 'Sid' },
        { name: 'Rinki' },
        { name: 'Randy' }
    ]); 
}

var viewModel = new ViewModel();
ko.applyBindings(viewModel);